<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link rel="stylesheet" href="css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
<!-- //bootstrap-css -->
<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' th:href="@{/css/style.css}"/>
<link href="css/style-responsive.css" rel="stylesheet" th:href="@{/css/style-responsive.css}"/>
<!-- font CSS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- font-awesome icons -->
<link rel="stylesheet" href="css/font.css" type="text/css" th:href="@{/css/font.css}"/>
<link href="css/font-awesome.css" rel="stylesheet" th:href="@{/css/font-awesome.css}">
<link rel="stylesheet" href="css/morris.css" type="text/css" th:href="@{/css/morris.css}"/>
<!-- calendar -->
<link rel="stylesheet" href="css/monthly.css" th:href="@{/css/monthly.css}">
<!-- //calendar -->
<!-- //font-awesome icons -->
<script src="js/jquery2.0.3.min.js" th:src="@{/js/jquery2.0.3.min.js}"></script>
<script src="js/raphael-min.js" th:src="@{/js/jquery2.0.3.min.js}"></script>
<script src="js/morris.js" th:src="@{/js/morris.js}"></script>
<!-- easyui -->
<script type="text/javascript" src="easyui/jquery.min.js" th:src="@{/easyui/jquery.min.js}"></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" th:href="@{/easyui/themes/default/easyui.css}">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" th:href="@{/easyui/themes/icon.css}">
<link rel="stylesheet" type="text/css" href="easyui/themes/color.css" th:href="@{/easyui/themes/color.css}">
<script type="text/javascript" src="easyui/jquery.easyui.min.js" th:src="@{/easyui/jquery.easyui.min.js}"></script>
    <script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
</head>
<body>
<section id="container">
<!--header start-->
<header class="header fixed-top clearfix">
<!--logo start-->
<div class="brand">
    <a href="index.html" class="logo" th:href="@{/index.html}" th:text="${session.role}">
        管理员
    </a>
    <div class="sidebar-toggle-box">
        <div class="fa fa-bars"></div>
    </div>
</div>

<div class="top-nav clearfix">

    <ul class="nav pull-right top-menu">
        
        <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <span class="username" th:text="${session.userName}"></span>
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu extended logout">
                <li><a href="javascript:;" id="update"><i class=" fa fa-suitcase"></i>密码修改</a></li>
                <li><a href="javascript:;"><i class="fa fa-cog"></i>个人信息</a></li>
                <li><a href="/login"><i class="fa fa-key"></i>退出登录</a></li>
            </ul>
        </li>
        
    </ul>
   
</div>
</header>

<aside>
    <div id="sidebar" class="nav-collapse">
        
        <div class="leftside-navigation">
            <ul class="sidebar-menu" id="nav-accordion">
                <li>
                    <a class="active" href="index.html">
                        <i class="fa fa-dashboard"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-th"></i>
                        <span>系统管理</span>
                    </a>
                    <ul class="sub">
                        <li><a href="">系统管理</a></li>
                        <li><a href="">权限管理</a></li>
                        <li><a href="">数据恢复与备份</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-user"></i>
                        <span>用户管理</span>
                    </a>
                    <ul class="sub">
                        <li><a id="student_manager" href="javascript:;">学生管理</a></li>
                        <li><a id="teacher_manager" href="javascript:;">老师管理</a></li>
                        <li><a id="operator_manager" href="javascript:;">内部人员</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-book" ></i>
                        <span>实验管理</span>
                    </a>
                    <ul class="sub">
                        <li><a id="texperiment" href="javascript:;">教学实验</a></li>
                        <li><a id="oexperiment" href="javascript:;">开放性实验</a></li>
                        <li><a id="appointmentOex" href="javascript:;">开放性实验预约</a></li>
                        <li><a id="myOexApply" href="javascript:;">我的开放性实验预约</a></li>
                        <li><a id="applyTex" href="javascript:;">教学实验申请</a></li>
                        <li><a id="myTexApply" href="javascript:;">我的教学实验申请</a></li>
                        <li><a id="checkTexApply" href="javascript:;">教学实验审核</a></li>
                        <li><a id="checkOexApply" href="javascript:;">开放性实验审核</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-book" ></i>
                        <span>实验室管理</span>
                    </a>
                    <ul class="sub">
                        <li><a id="lab_manager" href="javascript:;">实验室信息</a></li>
                        <li><a id="lab_apply" href="javascript:;">实验室申请</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-book"></i>
                        <span>实验室设备管理</span>
                    </a>
                    <ul class="sub">
                        <li><a id="device_manager" href="javascript:;">设备信息</a></li>
                        <li><a id="device_scrap" href="javascript:;">报废管理</a></li>
                        <li><a id="device_borrow" href="javascript:;">借用管理</a></li>
                        <li><a id="device_repair" href="javascript:;">维修管理</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a>
                        <i class="fa fa-tasks"></i>
                        <span>耗材管理</span>
                    </a>
                    <ul class="sub">
                        <li><a href="javascript:;" id="consumable_manager">易耗品信息</a></li>
                        <li><a href="javascript:;" id="consumable_borrow">易耗品申请</a></li>
                        <li><a href="javascript:;" id="consumable_check">易耗品申请审核</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-tasks"></i>
                        <span>库存管理</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="">出库登记</a>
                            <ul class="sub" style="margin-left: 10px">
                                <li><a href="javascript:;" id="devicePutOut">设备出库</a></li>
                                <li><a href="javascript:;" id="consumablePutOut">易耗品出库</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="">入库登记</a>
                            <ul class="sub" style="margin-left: 10px">
                                <li><a href="javascript:;" id="devicePutIn">设备入库</a></li>
                                <li><a href="javascript:;" id="consumablePutIn">易耗品入库</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>            
        </div>
     
    </div>
</aside>

<section id="main-content">
	<section class="wrapper" style="height:600px">
        <!-- <h3>xxx，欢迎登陆！</h3> -->
        <div id="tabs" class="easyui-tabs" data-options="fit:true" style="width:100%;height:100%;">  
             <div title="首页" style="padding:10px;display:none;" >
                [[${session.userName}]],欢迎光临！
            </div>  
        </div>
	</section>
 <!-- footer -->
		  <div class="footer">
			<div class="wthree-copyright">
			  <p>20175533124李嘉慧 <a target="_blank" href="#">Copyright &copy; 2020.广东农工商职业技术学院</a></p>
			</div>
		  </div>
  <!-- / footer -->
</section>
<!--main content end-->
</section>
<script type="text/javascript" th:inline="none">
    $("#student_manager").click(function(){
        $('#tabs').tabs('add',{   
            title:$(this).text(),   
            content:'<iframe src="/student" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#teacher_manager").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/teacher" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#operator_manager").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/operator" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#lab_manager").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/lab" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#device_manager").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/device" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#device_scrap").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/deviceScrap" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#device_repair").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/deviceRepair" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#device_borrow").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/deviceBorrow" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#consumable_manager").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/consumable" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#devicePutIn").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/devicePutIn" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#consumablePutIn").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/consumablePutIn" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#texperiment").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/texperiment" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#oexperiment").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/oexperiment" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#appointmentOex").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/appointmentOex" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#myOexApply").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/myOexApply" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#applyTex").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/applyTex" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#myTexApply").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/myTexApply" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#checkTexApply").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/checkTexApply" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
    $("#checkOexApply").click(function(){
        $('#tabs').tabs('add',{
            title:$(this).text(),
            content:'<iframe src="/checkOexApply" width="100%" height="100%"></iframe>',
            closable:true
        });
    });
</script>
<script src="js/bootstrap.js" th:src="@{/js/bootstrap.js}"></script>
<script src="js/jquery.dcjqaccordion.2.7.js" th:src="@{/js/jquery.dcjqaccordion.2.7.js}"></script>
<script src="js/scripts.js" th:src="@{/js/scripts.js}"></script>
<script src="js/jquery.slimscroll.js" th:src="@{/js/jquery.slimscroll.js}"></script>
<script src="js/jquery.nicescroll.js" th:src="@{/js/jquery.nicescroll.js}"></script>
<script src="js/jquery.scrollTo.js" th:src="@{/js/jquery.scrollTo.js}"></script>

</body>
</html>
